<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="//unpkg.com/iview/dist/styles/iview.css"/>
		<script src="//unpkg.com/vue/dist/vue.js"></script>
		<script src="//unpkg.com/iview/dist/iview.min.js"></script>			
		<title></title>
	</head>
	<body>
		<div id="app">
			<i-button id="change">change</i-button>
		    <badge :count="count" style="margin-left: 50%; margin-top: 300px;" heh='hah' id="badge" v-if="count > 0">
		    	<poptip title="Title" content="content" placement="top-end">
            		<icon type="ios-notifications-outline" size="30"></icon>
        		</poptip>
		        
		    </badge>	
		    <i-button style="margin-left: 40%;margin-top: 200px;" id="togglebtn">toggle</i-button>
            <card id="haah" style="margin-left: 50%;margin-top: 200px; display: none;">
                <p slot="title">The standard card</p>
                <p>Content of card</p>
                <p>Content of card</p>
                <p>Content of card</p>
            </card>			

		</div>
	</body>
	<script src="js/jquery.js"></script>
	<script src="js/testVuedata.js">

	</script>	
	<script>
		
		var vue = new Vue({
			el: '#app',
			data: {
				count: 0,
				value: true
			},
			methods: {
				showNotices() {
					alert(10)
				}
			}
		})
	</script>
	

</html>
